.dropdown-navbar>li {
    background-color: #FFF;
}
.dropdown-navbar>.dropdown-content {
    padding: 0;
}
.dropdown-navbar>.dropdown-content .dropdown-navbar {
    list-style: none;
    margin: 0;
    padding: 0!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: auto;
    display: block;
    float: none;
    border-width: 0;
    position: static;
    z-index: auto;
}
.dropdown-navbar>li:hover {
    background-color: #f4f9fc!important;
}
.dropdown-navbar>li.dropdown-header+li>a, .dropdown-navbar>li:first-child>a {
    border-top-width: 0;
}
.dropdown-navbar.navbar-pink>li.dropdown-header {
    background-color: #f7ecf2!important;
    color: #b471a0;
    border-bottom-color: #e5bcd4;
}
.dropdown-navbar>li>a {
    padding: 10px 2px;
    margin: 0;
    border-top: 1px solid;
    font-size: 12px;
    line-height: 16px;
    color: #555;
}
.dropdown-navbar .msg-photo {
    margin-right: 6px;
    max-width: 42px;
}
.dropdown-navbar .msg-body {
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
    white-space: normal;
    vertical-align: middle;
    max-width: 175px;
}
.dropdown-navbar .evtLI{
    border-bottom: solid 1px #F1F1F1;
}

.dropdown-navbar .msg-title {
    display: inline-block;
    line-height: 1.7em;
    color: #333;
}
.top_right div .dropdown-navbar span.msg-time {
    display: block;
    font-size: 0.9em!important;
    color: #777;
}
.blue {color: #478fca!important;}
.dropdown-navbar>li>a {
    border-top-color: #e4ecf3;
}
.dropdown-navbar>li.dropdown-header {
    background-color: #ecf2f7!important;
    color: #8090a0;
    border-bottom-color: #bcd4e5;
}
.dropdown-navbar>li.dropdown-header {
    text-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 34px;
    font-size: 13px;
    font-weight: 700;
    text-transform: none;
    border-bottom: 1px solid;
}
.navbar {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    border-width: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 45px;
}

.navbar .navbar-link,.navbar .navbar-text {color: #fff}

.navbar .navbar-brand {
    color: #fff;
    font-size: 24px;
    text-shadow: none;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto
}

.navbar .navbar-brand:focus,.navbar .navbar-brand:hover {color: #fff}


.navbar-container.container {padding-left: 0;padding-right:0}

.sonic-nav {height: 100%;margin:0!important}

.sonic-nav>li {
    line-height: 45px;
    height: 45px;
    padding: 0;
    position: relative;
    float: left
}

.sonic-nav>li:first-child {border-left-width: 0; margin-right: -3px;}

.sonic-nav>li>a {
    color: #FFF;
    display: block;
    line-height: inherit;
    text-align: center;
    height: 100%;
    width: auto;
    min-width: 50px;
    padding: 0 6px;
    position: relative
}

.sonic-nav>li>a>.sonic-icon {
    display: inline-block;
    font-size: 16px;
    color: #CCC;
    opacity: 0.2;
    text-align: center;
    width: 20px
}

.sonic-nav>li>a>.badge {
    position: relative;
    top: -4px;
    left: 2px;
    padding-right: 3px;
    padding-left: 3px;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    color: #FFF;
    border:solid 1px #FFF;
}

.sonic-nav>li.open>a,.sonic-nav>li>a:focus,.sonic-nav>li>a:hover {background-color: #2c5976;color:#FFF}

.sonic-nav>li.grey>a:focus,.sonic-nav>li.grey>a:hover,.sonic-nav>li.open.grey>a {background-color: #4285AB}

.sonic-nav>li.purple>a {background-color: #892e65}

.sonic-nav>li.open.purple>a,.sonic-nav>li.purple>a:focus,.sonic-nav>li.purple>a:hover {background-color: #762c59}

.sonic-nav>li.green>a {background-color: #2e8965}

.sonic-nav>li.green>a:focus,.sonic-nav>li.green>a:hover,.sonic-nav>li.open.green>a {background-color: #2c7659}

.sonic-nav>li.light-blue>a {background-color: #62a8d1}

.sonic-nav>li.light-blue>a:focus,.sonic-nav>li.light-blue>a:hover,.sonic-nav>li.open.light-blue>a {background-color: #579ec8}

.sonic-nav>li.light-blue2>a {background-color: #42a8e1}

.sonic-nav>li.light-blue2>a:focus,.sonic-nav>li.light-blue2>a:hover,.sonic-nav>li.open.light-blue2>a {background-color: #359fd9}

.sonic-nav>li.red>a {background-color: #b74635}

.sonic-nav>li.open.red>a,.sonic-nav>li.red>a:focus,.sonic-nav>li.red>a:hover {background-color: #a34335}

.sonic-nav>li.light-green>a {background-color: #9abc32}

.sonic-nav>li.light-green>a:focus,.sonic-nav>li.light-green>a:hover,.sonic-nav>li.open.light-green>a {background-color: #8ba832}

.sonic-nav>li.light-purple>a {background-color: #cb6fd7}

.sonic-nav>li.light-purple>a:focus,.sonic-nav>li.light-purple>a:hover,.sonic-nav>li.open.light-purple>a {background-color: #c263ce}

.sonic-nav>li.light-orange>a {background-color: #f79263}

.sonic-nav>li.light-orange>a:focus,.sonic-nav>li.light-orange>a:hover,.sonic-nav>li.open.light-orange>a {background-color: #f28653}

.sonic-nav>li.light-pink>a {background-color: #f4dae5}

.sonic-nav>li.light-pink>a:focus,.sonic-nav>li.light-pink>a:hover,.sonic-nav>li.open.light-pink>a {background-color: #eeccda}

.sonic-nav>li.dark>a {background-color: #404040}

.sonic-nav>li.dark>a:focus,.sonic-nav>li.dark>a:hover,.sonic-nav>li.open.dark>a {background-color: #363636}

.sonic-nav>li.white-opaque>a {background-color: rgba(255,255,255,.8)}

.sonic-nav>li.open.white-opaque>a,.sonic-nav>li.white-opaque>a:focus,.sonic-nav>li.white-opaque>a:hover {background-color: rgba(245,245,245,.8)}

.sonic-nav>li.dark-opaque>a,.sonic-nav>li.dark-opaque>a:focus,.sonic-nav>li.dark-opaque>a:hover,.sonic-nav>li.open.dark-opaque>a {background-color: rgba(0,0,0,.2)}

.sonic-nav>li.transparent>a {background-color: transparent}

.sonic-nav>li.open.transparent>a,.sonic-nav>li.transparent>a:focus,.sonic-nav>li.transparent>a:hover {background-color: rgba(0,0,0,.1)}

.sonic-nav>li.light-10>a {background-color: rgba(255,255,255,.1)}

.sonic-nav>li.light-10>a:focus,.sonic-nav>li.light-10>a:hover,.sonic-nav>li.open.light-10>a {background-color: rgba(255,255,255,.2)}

.sonic-nav>li.dark-10>a {background-color: rgba(0,0,0,.1)}

.sonic-nav>li.dark-10>a:focus,.sonic-nav>li.dark-10>a:hover,.sonic-nav>li.open.dark-10>a {background-color: rgba(0,0,0,.2)}

.sonic-nav>li.margin-4 {margin-left: 4px}

.sonic-nav>li.margin-3 {margin-left: 3px}

.sonic-nav>li.margin-2 {margin-left: 2px}

.sonic-nav>li.margin-1 {margin-left: 1px}

.sonic-nav>li.no-border {border-width: 0!important}

.sonic-nav>li .dropdown-menu {z-index: 1031}

.dropdown-navbar {
    padding: 0;
    width: 240px;
    -webkit-box-shadow: 0 2px 4px rgba(30,30,100,.25);
    box-shadow: 0 2px 4px rgba(30,30,100,.25);
    border-color: #bcd4e5;
}

.dropdown-menu.dropdown-close.dropdown-menu-right {
    left: auto;
    right: -5px;
    top: 92%;
}
.dropdown-menu.dropdown-caret:before {
    border-bottom: 7px solid rgba(0,0,0,.2);
    -moz-border-bottom-colors: rgba(0,0,0,.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 9px;
    position: absolute;
    top: -7px;
}
.dropdown-menu.dropdown-caret:after {
    border-bottom: 6px solid #FFF;
    -moz-border-bottom-colors: #FFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
}
.dropdown-menu.dropdown-menu-right.dropdown-caret:after {
    left: auto;
    right: 10px;
}
.dropdown-menu.dropdown-menu-right.dropdown-caret:before {
    left: auto;
    right: 9px;
}
.sonic-nav .nav-user-photo {
    margin: -4px 8px 0 0;
    border-radius: 100%;
    border: 2px solid #FFF;
    max-width: 30px
}

.sonic-nav li.dropdown-footer a .sonic-icon {
    display: inline-block;
    width: 1.25em;
    text-align: center
}

.user-menu.dropdown-close.dropdown-menu-right {right: 3px!important;}

.navbar:not(.navbar-collapse) .sonic-nav {
    display: block;
    float: none!important;
    text-align: center;
    border: 1px solid transparent;
    border-width: 2px 0 0;
    letter-spacing: -3px
}

.navbar:not(.navbar-collapse) .sonic-nav>li {
    display: inline-block;
    float: none!important;
    text-align: left;
    letter-spacing: normal
}

.user-menu>li>a {padding: 4px 12px}
.dropdown-yellow .dropdown-submenu:hover>a, .dropdown-yellow>li.active>a, .dropdown-yellow>li.active>a:hover, .dropdown-yellow>li>a:active, .dropdown-yellow>li>a:focus, .dropdown-yellow>li>a:hover {
    background: #fee188;
    color: #444;
}
.user-menu>li>a>.sonic-icon {margin-right: 6px;font-size:120%}

.user-info {
    max-width: 100px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-spsonic: nowrap;
    text-align: left;
    vertical-align: top;
    line-height: 15px;
    position: relative;
    top: 6px
}
.scroll-content{
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.evtLI.lh-adj{
    line-height: 20px;
}
.evtLI .btn-xs{
    font-size: 26px;
    color:#4285AB;
}
.user-info small {display: block}

.navbar:not(.navbar-collapse) .navbar-buttons .nav-user-photo {margin-right: 0}

li.open .user-info {display: inline-block!important}

.navbar.navbar-collapse .navbar-buttons .nav-user-photo {margin-right: 0}

.navbar.navbar-collapse .navbar-buttons .user-info {
    position: absolute!important;
    margin-top: 40px;
    margin-left: 1px;
    right: 2px;
    z-index: 1032;
    color: #777;
    font-size: 14px;
    width: 156px;
    max-width: 156px;
    padding-left: 8px;
    padding-right: 8px;
    height: 32px;
    line-height: 26px!important;
    display: none;
    border-bottom: 1px solid #E5E5E5;
    text-align: center;
    vertical-align: none;
    cursor: text
}

.navbar.navbar-collapse .navbar-buttons .user-info>small {display: inline;opacity:1}

li.open .user-info {display: inline-block!important;right:2px}

.user-min .nav-user-photo {margin-right: 0}

.user-min .user-info {
    position: absolute!important;
    margin-top: 40px;
    margin-left: 1px;
    z-index: 1032;
    color: #777;
    font-size: 14px;
    width: 156px;
    max-width: 156px;
    padding-left: 8px;
    padding-right: 8px;
    height: 32px;
    line-height: 26px!important;
    display: none;
    border-bottom: 1px solid #E5E5E5;
    text-align: center;
    vertical-align: none;
    cursor: text
}

.user-min .user-info>small {display: inline;opacity:1}

.user-min .user-info {right: -3px}

.user-min.open .user-info {display: inline-block!important}

.navbar .navbar-collapse,.navbar .navbar-header {margin-left: 0!important;margin-right:0!important}

.navbar.navbar-collapse .navbar-header {float: none!important;min-height:45px}

.navbar.navbar-collapse .navbar-buttons {
    min-height: 0;
    padding-left: 0;
    padding-right: 0;
    border: 1px solid rgba(255,255,255,.4);
    border-width: 1px 0 0;
    width: 100%
}

.navbar.navbar-collapse .navbar-buttons.in {overflow: visible!important}

.navbar.navbar-collapse .navbar-buttons>.sonic-nav {
    display: block;
    float: none!important;
    text-align: center;
    background-color: transparent!important;
    border-width: 0;
    letter-spacing: -3px
}

.navbar.navbar-collapse .navbar-buttons>.sonic-nav>li {
    display: inline-block;
    float: none!important;
    text-align: left;
    letter-spacing: normal
}

.navbar.navbar-collapse .navbar-buttons>.sonic-nav>li:first-child {border-left: 1px solid rgba(255,255,255,.4)}

.navbar.navbar-collapse .navbar-buttons>.sonic-nav>li:last-child {border-right: 1px solid rgba(255,255,255,.4)}

.container-fluid>.navbar-buttons,.container>.navbar-buttons {padding-right: 0!important}

.navbar .navbar-nav>li {border: 1px solid rgba(0,0,0,.2);border-width:0 1px 0 0}

.navbar .navbar-nav>li:first-child {border-width: 0 1px}

.navbar .navbar-nav>li>a {
    padding-top: 12px;
    padding-bottom: 11px;
    height: 45px;
    background-color: transparent;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.25)
}

.navbar .navbar-nav>li.open>a,.navbar .navbar-nav>li>a:focus,.navbar .navbar-nav>li>a:hover {background-color: rgba(0,0,0,.1)!important;color:#fff!important}

.navbar .navbar-nav>li>.dropdown-menu>li>a {line-height: 2}

.navbar-nav .dropdown-menu>li>a>.sonic-icon {display: inline-block;width:20px}

.navbar-nav>li>.dropdown-menu {z-index: 1033}

.navbar.navbar-collapse .navbar-menu .dropdown-menu:after,.navbar.navbar-collapse .navbar-menu .dropdown-menu:before {display: none!important}

.navbar .navbar-nav {margin: 0 -6px}

.navbar .navbar-nav>li,.navbar .navbar-nav>li:first-child {border-width: 1px 0 0}

.navbar .navbar-nav .dropdown-menu {
    float: none;
    position: relative;
    background-color: transparent;
    box-shadow: none;
    border-width: 0
}

.navbar .navbar-nav .dropdown-menu>li>a {color: #FFF!important}

.navbar .navbar-nav .dropdown-menu>li>a:hover {background-color: rgba(0,0,0,.07)!important}

.navbar .navbar-nav .dropdown-menu>li>a>.sonic-icon {color: #FFF!important}

.navbar .navbar-nav .dropdown-hover>.dropdown-menu {
    left: 32px!important;
    right: auto!important;
    top: auto!important;
    width: 80%!important;
    width: calc(100% - 32px)
}

.navbar-form.form-search {margin-top: 9px;margin-bottom:0}

.navbar-form.form-search .form-group {margin-bottom: 0}

.navbar-form.form-search input[type=text] {width: 100px}

.navbar-form input[type=text] {
    font-size: 13px;
    line-height: 1.4;
    padding-top: 4px;
    padding-bottom: 4px;
    border-width: 0
}

.navbar-form.form-search input[type=text] {width: 100%}

.navbar-nav+.navbar-form {margin-top: 0}

.navbar .navbar-collapse,.navbar .navbar-form {border-color: rgba(255,255,255,.4)}

.navbar .navbar-nav>li:first-child {border-top-width: 0}

.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {padding-left: 12px;padding-right:12px}

.navbar.navbar-collapse:before {
    background: #438eb9;
    content: "";
    display: block;
    position: absolute;
    min-height: inherit;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    border-radius: inherit
}

.navbar.navbar-collapse .navbar-container {background-color: #438eb9}

.navbar .navbar-toggle {
    border: 1px solid transparent;
    width: 40px;
    height: 35px;
    line-height: 0;
    padding: 0 0 1px;
    text-align: center
}

.navbar .navbar-toggle.pull-right {margin: 5px 6px 4px 0}

.navbar .navbar-toggle.pull-left {margin: 5px 0 4px 6px}

.navbar .navbar-toggle:active {top: 1px}

.navbar .navbar-toggle.navbar-toggle-img {
    width: auto;
    height: auto;
    overflow: hidden;
    padding: 0;
    border-width: 0
}

.navbar .navbar-toggle.navbar-toggle-img>img {
    border-radius: inherit;
    max-height: 35px;
    border-width: 0
}

.navbar .navbar-toggle .icon-bar {
    background-color: #FFF;
    border-radius: 0;
    width: 24px;
    margin-left: 7px
}

.sidebar {
    width: 190px;
    float: left;
    position: static;
    padding-left: 0;
    padding-right: 0
}


.badge {
    text-shadow: none;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: 400;
    line-height: 13px;
    background-color: #abbac3!important
}

.badge.no-radius {border-radius: 0}

.badge.radius-1 {border-radius: 1px}

.badge.radius-2 {border-radius: 2px}

.badge.radius-3 {border-radius: 3px}

.badge.radius-4 {border-radius: 4px}

.badge.radius-5 {border-radius: 5px}

.badge.radius-6 {border-radius: 6px}

.badge-transparent,.label-transparent {background-color: transparent!important}

.badge-grey,.label-grey {background-color: #4285AB!important; color: #000; opacity: 0.2;}

.sonic-nav>li>a>.badge-config {border: none; background-color: inherit!important}

.sonic-nav>li>a.config i{color:#FFF; font-size: 1.6em; text-shadow: 1px 1px 1px #222; opacity: 1!important;}

.badge-info,.label-info {background-color: #3a87ad!important}

.badge-primary,.label-primary {background-color: #428bca!important}

.badge-success,.label-success {background-color: #82af6f!important}

.badge-danger,.badge-important,.label-danger,.label-important {background-color: #d15b47!important}

.badge-inverse,.label-inverse {background-color: #333!important}

.badge-warning,.label-warning {background-color: #f89406!important}

.badge-pink,.label-pink {background-color: #d6487e!important}

.badge-purple,.label-purple {background-color: #9585bf!important}

.badge-yellow,.label-yellow {background-color: #fee188!important}

.badge-light,.label-light {background-color: #e7e7e7!important}

.badge-yellow,.label-yellow {color: #963!important;border-color:#fee188}

.badge-light,.label-light {color: #888!important}


.icon-animated-vertical {
    display: inline-block;
    color:#FFF!important;
    opacity: 1!important;
    -moz-animation: vertical 2s 5s ease infinite;
    -webkit-animation: vertical 2s 5s ease infinite;
    -o-animation: vertical 2s 5s ease infinite;
    -ms-animation: vertical 2s 5s ease infinite;
    animation: vertical 2s 5s ease  infinite;
}
@-webkit-keyframes vertical {
    0% {transform: translate(0,0px);}
    4% {transform: translate(0,3px);}
    8% {transform: translate(0,-3px);}
    12% {transform: translate(0,3px);}
    16% {transform: translate(0,-3px);}
    20% {transform: translate(0,3px);}
    22% {transform: translate(0,0);}
}
@keyframes vertical {
    0% {transform: translate(0,0px);}
    4% {transform: translate(0,3px);}
    8% {transform: translate(0,-3px);}
    12% {transform: translate(0,3px);}
    16% {transform: translate(0,-3px);}
    20% {transform: translate(0,3px);}
    22% {transform: translate(0,0);}
}
.bell { 
    color: #FFF!important;
    opacity: 1!important;
    -webkit-animation: ring 3s 4s ease infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 8s 1s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 8s 1s ease-in-out infinite;
    transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    2% { -webkit-transform: rotateZ(15deg);}
    4% { -webkit-transform: rotateZ(-18deg);}
    6% { -webkit-transform: rotateZ(18deg);}
    8% { -webkit-transform: rotateZ(-22deg);}
    10% { -webkit-transform: rotateZ(22deg);}
    12% { -webkit-transform: rotateZ(-18deg);}
    14% { -webkit-transform: rotateZ(18deg);}
    16% { -webkit-transform: rotateZ(-12deg);}
    18% { -webkit-transform: rotateZ(12deg);}
    20% { -webkit-transform: rotateZ(0deg);}
}

@-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    2% { -moz-transform: rotate(15deg);}
    4% { -moz-transform: rotate(-18deg);}
    6% { -moz-transform: rotate(18deg);}
    8% { -moz-transform: rotate(-22deg);}
    10% { -moz-transform: rotate(22deg);}
    12% { -moz-transform: rotate(-18deg);}
    14% { -moz-transform: rotate(18deg);}
    16% { -moz-transform: rotate(-12deg);}
    18% { -moz-transform: rotate(12deg);}
    20% { -moz-transform: rotate(0deg);}
}
@keyframes ring {
    0% { transform: rotate(0); }
    2% { transform: rotate(15deg);}
    4% { transform: rotate(-18deg);}
    6% { transform: rotate(18deg);}
    8% { transform: rotate(-22deg);}
    10% { transform: rotate(22deg);}
    12% { transform: rotate(-18deg);}
    14% { transform: rotate(18deg);}
    16% { transform: rotate(-12deg);}
    18% { transform: rotate(12deg);}
    20% { transform: rotate(0deg);}
}
.dropdown-navbar>li.dropdown-header {
    background-color: #ecf2f7!important;
    color: #8090a0;
    border-bottom-color: #bcd4e5;
    cursor: default;
}
